<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title th:text="${infoMap['title']}"></title>
    <div data-th-replace="layout/head-top"></div>
    <link rel="stylesheet" type="text/css" th:href="@{{path}/common/v3/summernote/summernote-bs3.css?v={v}(path=${staticPath},v=${v})}"/>
</head>
<body class="fixed-sidebar full-height-layout gray-bg" id="main-body-context">
<input type="hidden" id="guideStatus" th:value="${guideStatus}"/>
<input type="hidden" id="redirect-input"/>
<input type="hidden" id="jump-box-input"/>
<div id="wrapper">
    <!--左侧导航开始-->
    <nav class="navbar-default navbar-static-side" role="navigation">
        <div class="nav-close"><i class="fa fa-times-circle"></i>
        </div>
        <div class="sidebar-collapse">
            <ul class="nav ad-nav-side-menu" id="side-menu">
                <li class="nav-header">
                    <div class="dropdown profile-element">
                        <span class="pull-left nav-header-user">
                            <img alt="image" class="img-circle" th:if="${imageMap}==null" th:src="@{{path}/admin/v3/img/default/admin_userpace.jpg?v={v}(path=${staticPath},v=${v})}" width="38" height="38" />
                            <img alt="image" class="img-circle" th:if="${imageMap}!=null" th:src="${imageMap['pcUrlMap']['large']}" width="38" height="38" />
                        </span>
                        <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <span class="clear">
                                <span class="block m-t-xs companTitle-block">
                                    <strong class="font-bold" th:text="${infoMap['title']}"></strong>
                                </span>
                                <span class="text-muted text-xs block companTitle-block"><span th:text="${ralName}"></span><b class="caret"></b></span>
                            </span>
                        </a>
                        <ul class="dropdown-menu animated fadeInRight m-t-xs">
                            <li><a class="J_menuItem" href="javascript:void(0)" id="update-pwd-box">修改密码</a></li>
                            <li><a th:href="@{/logout}">安全退出</a>
                            </li>
                        </ul>
                    </div>
                    <div class="logo-element"><a href="http://www.268xue.com" target="_blank" class="c-fff" th:title="${infoMap['title']}" th:text="${infoMap['title']}"></a></div>
                </li>
            </ul>
        </div>
    </nav>
    <!--左侧导航结束-->
    <!--右侧部分开始-->
    <div id="page-wrapper" class="gray-bg dashbard-1">
        <div class="row border-bottom">
            <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
                <div class="navbar-header">
                    <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
                    <ul class="nav navbar-top-links nav-topHead-links" id="top-menu-list-box">
                        <th:block th:each="sysFunction,index : ${allSysFunctionList}">
                            <li th:classappend="${index.count}==1?'active':''">
                                <a href="" th:text="${sysFunction['functionName']}"></a>
                            </li>
                        </th:block>
                    </ul>
                </div>
                <ul class="nav navbar-top-links navbar-right ad-topNav-right">
                    <li id="to-do-list-box">
                        <a class="dropdown-toggle count-info" title="待办事项" href="javascript:void(0);">
                            <i class="fa fa-bell"></i>
                            <span class="label label-warning hide" id="sumBacklogNum">8</span>
                        </a>
                    </li>
                    <li class="dropdown">
                        <a aria-expanded="false" data-toggle="dropdown" class="dropdown-toggle" title="移动端" href="javascript:void(0);">
                            <i style="margin-top: -2px;font-size: 18px;" class="fa fa-mobile-phone fs20 vam"></i> <span class="caret"></span>
                        </a>
                        <section style="width: 408px;" class="dropdown-menu dropdown-alerts J_ah__wrap">
                            <div class="inline">
                                <img width="120" height="120" th:src="${appDowMap['url']}">
                                <section class="text-center"><span class="fs14 c-999">APP下载</span></section>
                            </div>

                            <div class="inline ml10">
                                <img width="120" height="120" th:src="${h5MobileMap['url']}">
                                <section class="text-center"><span class="fs14 c-999">H5&amp;微信</span></section>
                            </div>

                            <div class="inline ml10">
                                <img width="120" height="120" th:src="${smallAppMap['url']}">
                                <section class="text-center"><span class="fs14 c-999">微信小程序</span></section>
                            </div>
                        </section>
                    </li>
                    <li>
                        <a target="_blank" th:href="@{/admin/manage/help/showHelpCenter}" title="帮助">
                            <i class="fa fa-question-circle" style="font-size: 16px;"></i>
                        </a>
                    </li>
                    <li>
                        <a id="index-online-consultation" th:attrappend="data-consultation=${serviceMap['context']}" title="反馈">
                            <i class="fa fa-comments" style="font-size: 16px;"></i>
                        </a>
                    </li>
                    <!--<li>
                        <a id="detection" href="javascript:void(0);" title="检测">
                            <i class="fa fa-dashboard" style="font-size: 16px;"></i>
                        </a>
                    </li>
                    <li>
                        <a id="guide" href="javascript:void(0);" title="引导">
                            <i class="fa fa-map-signs" style="font-size: 15px;"></i>
                        </a>
                    </li>-->
                    <li>
                        <a id="rightSignOut" th:href="@{/logout}" title="退出"><i class="fa fa fa-sign-out" style="font-size: 16px;"></i> </a>
                    </li>
                </ul>
            </nav>
        </div>
        <div class="row content-tabs">
            <button class="roll-nav roll-left J_tabLeft"><i class="fa fa-step-backward"></i></button>
            <nav class="page-tabs J_menuTabs">
                <div class="page-tabs-content" id="J_menuTab_wrap">
                    <!--<a href="javascript:;" class="active J_menuTab" th:attr="data-id=${ctx}+'/admin/manage/work/myWorkbench'" data-name="iframe0">工作台</a>
                    <a id="backlogNav" href="javascript:;" class="J_menuTab" th:attr="data-id=${ctx}+'/admin/manage/work/myBacklog'" data-name="iframe1">待办事项</a>-->
                </div>
            </nav>
            <button class="roll-nav roll-right J_tabRight"><i class="fa fa-step-forward"></i></button>
            <div class="btn-group roll-nav roll-right">
                <a th:href="${webPath}" target="_blank" class="c-master" title="进入前台预览">
                    <button class="dropdown J_tabClose">前台预览 <i class="fa fa-angle-double-right"></i></button>
                </a>
            </div>
        </div>
        <div class="row J_mainBox">
            <div class="J_mainContent" id="content-main">
                <iframe class="J_iframe iframe0 default_iframe" name="iframe0" fId="0" width="100%" height="100%" th:src="@{/admin/manage/work/myWorkbench}" frameborder="no" border="0" th:attr="data-id=${ctx}+'/admin/manage/work/myWorkbench'" seamless></iframe>
            </div>
        </div>
        <!--公共尾部 开始-->
        <div class="footer">
            <div class="pull-right">&copy;<span th:text="'2010-'+${#dates.format(new java.util.Date().getTime(), 'yyyy')}"></span> 北京易知路科技有限公司 版权所有
                Powered By <a href="http://www.268xue.com" target="_blank"  th:text="${infoMap['title']}"></a>
            </div>
        </div>
        <!--公共尾部 结束-->
    </div>
    <!--右侧部分结束-->
    <!-- 浏览器检测 -->
    <div class="detection hide">
        <!-- 检测中 -->
        <div class="detecting hide">
            <div class="percentum">
                <canvas id="detecting" width="200" height="200"></canvas>
                <small>%</small>
            </div>
            <p class="fs24 text-center detecting-txt">系统检测中</p>
            <div class="text-center">
                <div class="progress vam">
                    <div id="progress" aria-valuemax="100" aria-valuemin="0" role="progressbar"
                         class="progress-bar progress-bar-success"></div>
                </div>

                <div class="refresh ml10" id="refresh">
                    <i class="fa fa-refresh fa-spin fs14"></i>
                </div>
            </div>
            <span class="show text-center mt5 pt10 c-999 fs14">安全性检测...</span>
        </div>

        <!-- 检测完成 -->
        <div class="detection-completion hide">
            <section class="detection-c-box">
                <div class="shieldBox">
                    <canvas id="completion" width="200" height="200"></canvas>
                    <img th:src="@{{path}/admin/business/manage/login/img/default/shield.png?v={v}(path=${staticPath},v=${v})}">

                </div>

                <p class="fs24 text-center detecting-txt">系统检测完成</p>

                <section class="detection-content">
                    <div class="row" id="detection-tips">
                        <div class="col-sm-9 hide" data-error>
                            <div class="row">
                                <em class="hint vam danger col-sm-1"></em>
                                <span class="c-red fs14 vam col-sm-11">亲爱的用户，检测到您使用的浏览器版本过低，可能会影响您的使用体验，推荐您使用Firefox或其他浏览器。</span>
                            </div>
                        </div>

                        <div class="col-sm-3 text-right" data-error>
                            <a target="_blank" href="http://www.firefox.com.cn/" class="btn btn-w-m btn-default btn-rounded btn-outline">下载Firefox</a>
                        </div>

                        <div class="col-sm-12 hide" data-success>
                            <div class="row">
                                <em class="hint vam success col-sm-1"></em>
                                <span class="c-666 fs14 vam col-sm-11">亲爱的用户，经检测您的浏览器符合要求。请开始您的使用旅程吧！</span>
                            </div>
                        </div>
                    </div>
                </section>
            </section>

            <article class="text-center d-c-btn" data-success>
                <btn class="btn btn-info btn-rounded btn-w-m fs18" data-success id="detection-close">进入系统</btn>
            </article>
        </div>
    </div>

</div>
    <div data-th-replace="layout/head-footer"></div>
    <!--自定义js-->
    <script th:src="@{{path}/admin/business/manage/main/init-page-menu.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:src="@{{path}/admin/libs/vcplus.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:src="@{{path}/admin/libs/contabs.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/common/summernote/summernote.min.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:src="@{{path}/admin/business/manage/main/guide.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:src="@{{path}/admin/business/manage/main/browser.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:src="@{{path}/admin/business/manage/main/index.js?v={v}(path=${staticPath},v=${v})}"></script>
    <!-- 数据处理 -->
    <script>
        $(function() {
            //消息系统
            newsShow();
        });
        //消息系统
        function newsShow() {
            $('body').on('click', '#newsAllBtn', function() {
                var _url = $(this).data('id')
                layer.open({
                    type: 2,
                    title: '<strong>消息系统</strong>',
                    shadeClose: true,
                    shade: false,
                    maxmin: true, //开启最大化最小化按钮
                    area: winArea,
                    content: 'news-index.html'
                });
            })
        }
    </script>
</body>
</html>